<style>
    * {
        margin: 0;
        padding: 0;
    }
    h2,h3,h4{
        font-weight: normal;
        margin: 0;
    }
    li {
        list-style: none;
    }
    h2{
        text-align: right;
        font-size:16px;
        padding-right:20px;
        line-height:36px;
    }
    h3{
        font-size:14px;

    }
    .main-right-list li,.second-content-list li,.product-belong-list li{
        padding:10px 0;
    }


    .classify-table tr td{
        border:1px solid #cbcbcb;
        padding:5px 0;
    }
    .classify-table tr td input[type=text]{
        width:80px;
        border-radius:2px;
        border:1px solid #cbcbcb;
    }
    .classify-table tr td input[type=button]{
        padding:1px 5px;
        color: #14d1ff;
        background:#fff;
        border:1px solid #cbcbcb;
        margin-left:10px;
        border-radius:3px;
    }
    .main-right-list li span{
        display: inline-block;
        width: 100px;
    }
    .main-right-list li input[type=text]{
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border:1px solid #cccccc;
        width: 42%;
        height: 34px;
        padding-left: 12px;
    }
    .main-right-list li select{
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border:1px solid #cccccc;
        width: 24%;
        height: 34px;
        padding-left: 12px;
    }
    #h2id{
        font-size: 20px;
        color: #CCCCCC;
        float: inherit;
    }
    #rightlb{
        font-size: 12px;
        float: right;
        margin-top: 10px;
    }
    .body_bottom{
        border: 1px solid lightgrey;
        border-top: none;
        background-color: white;
        margin-left: 5px;
        margin-right: 5px;
        height: auto;
    }
    .body_content div{
        margin-left: 15px;
    }
    p{
        font-size: 18px;
    }
    #whitediv{
        margin-left: 5px;
        width: 120px;
        height: 50px;
        background-color: white;
        border: 1px solid lightgrey;
        border-bottom: none;
    }
    .btn_blue{
        text-align: center;
        color: white;
        border: none;
        border-radius: 3px;
        background-color: #00c0ef;
        height: 30px;
        width: 80px;
        font-size: 15px;
        margin: 0px;
    }

    .btn_red{
        text-align: center;
        color: white;
        border: none;
        border-radius: 3px;
        background-color: #ff0000;
        height: 30px;
        width: 80px;
        font-size: 15px;
        margin: 0px;
    }
</style>
<section class="content-header">
    <h1 id="h1id">认证管理
        <span id="h2id">查看详情</span>
        <span id="rightlb">当前位置 : <a href="/pte/renzheng">认证管理</a> > <a href="#">查看详情</a></span>
    </h1><br/>
</section>
<section class="content">
    <span id="spandiv">
            <div id="whitediv">
                <p align="center" style="margin-top: 15px"><b>申请详情</b></p>
            </div>
        <!--<div style="border: none;margin-right: 5px;margin-left: 123px;background-color: lightgrey;height: 1px"></div>-->
    </span>
    <div  class="body_bottom">
        <div class="body_content" style="padding-top: 20px;padding-bottom: 20px">
        <div>
            <p><b>基本信息</b></p>
                <div>
                <ol>
                    <li>姓名:<%=data.user.name%></li>
                    <li>性别:<% if(data.user.gender==1 ) {%> 男 <% } else { %> 女 <% }%></li>
                    <li>出生日期:<%=data.bornDate%></li>
                    <li>证件号码:<%=data.idCard%></li>
                    <li>总成绩:<%=data.mark%></li>
                    <li>考试成绩:<%=data.exam_mark%></li>
                    <li>随堂成绩:<%=data.lesson_mark%></li>
                </ol>
                </div>
        </div>
        <div>
            <p><b>联系方式</b></p>
                <div>
                <ol>
                    <li>收货地址:<%=data.address%></li>
                    <li>费用:<%=data.price%></li>
                    <li>收件人:<%=data.user_name%></li>
                    <li>联系电话:<%=data.mobile%></li>
                    <li>电子邮件:<%=data.eMail%></li>
                </ol>
                </div>
        </div>
        <div>
            <p><b>支付情况</b></p>
            <div>
                <ol>
                    <li>支付方式:支付宝</li>

                    <li>支付状态:<% if(data.status  ==4 ) { %> 未支付  <% } else { %> 已支付 <% }%></li>

                    <li>支付时间:<%=data.pay_time%></li>

                </ol>
            </div>

            <%

             if(data.status == 1 ){
              %>
            <div>
                <ol>

                    证书照片 <br>
                    <img src="<%= data.certificatePic %>" style="width: 100px; height: 100px" />

                </ol>
            </div>

            <% } %>

        </div>
            <div>
                <p><b>审核状态</b></p>
                <div  id="btn_div">

                    <form>
                        上传证书图片
                        <div id="avatar" style="width:50px;height:130px;background-color: white;border: 0px solid #cbcbcb;margin-left: 0px">
                            <img src="" class="addimage" style="height: 100px;width:100px;" id="upimgs" alt="">
                            <input type="button" value="+上传" id="btnid" onclick="start()">
                            <br><br><br>
                        </div>
                        <input style='display: none;' type="file" name="files[]" id='fileupload'>
                    </form>

                    <input type="button" value="通过" id="agree" class="btn_blue">&nbsp;&nbsp;
                    <input type="button" value="拒绝通过" id="disagree" class="btn_red">
                </div>
                <div  id="text_div" class="btn_blue" style="padding-top: 3px">
                    <p></p>
                </div>
            </div>
        </div>
    </div>
    <input type="hidden" name="status" id="status" value="<%=data.status%>"/>
    <input type="hidden" name="id" id="id" value="<%=data.id%>"/>
    </section>
<script charset="utf-8" src="/plugins/kindeditor/kindeditor-min.js"></script>
<script type="text/javascript">
    var editor;
    KindEditor.ready(function(K) {
        editor = K.create('textarea[name="desc"]', {
            uploadJson : '../../upload',
            allowFileManager : true
        });
    });


</script>

<script>
    function start(){
        $('#fileupload').click();
    }
    function touch() {
        $('#fileupload').click();
    }
</script>